<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
  <title>Document</title>
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/swiper.min.css">
  <link rel="stylesheet" href="css/layer.min.css">
  <link rel="stylesheet" href="css/taobao-iconfont.min.css">
  <link rel="stylesheet" href="css/app.min.css">
  <link rel="stylesheet" href="css/user.min.css">
</head>
<body>
  @@include('header.html')
  <div class="main-container">
    <div class="w">
      <div class="user-container">
        @@include('user-focus.html')
        <div class="user-wrap">
          <div class="user-tab">
            <div class="user-tab-wrap">
              <div class="user-tab-item active"><i class="icon taobao-iconfont icon-pay"></i><div class="user-tab-item-text">账户中心</div></div>
              <div class="user-tab-item"><i class="icon taobao-iconfont icon-present"></i><div class="user-tab-item-text">自助优惠</div></div>
              <div class="user-tab-item"><i class="icon taobao-iconfont icon-form"></i><div class="user-tab-item-text">账户清单</div></div>
              <div class="user-tab-item"><i class="icon taobao-iconfont icon-profile"></i><div class="user-tab-item-text">个人资料</div></div>
              <div class="user-tab-item"><i class="icon taobao-iconfont icon-mail"></i><div class="user-tab-item-text">站内信</div></div>
            </div>
          </div>
          <div class="user-panel">
            <div class="user-panel-item active">
              @@include('user-subpage-account.html')
            </div>
            <div class="user-panel-item">
              @@include('user-subpage-self-help.html')
            </div>
            <div class="user-panel-item">
              @@include('user-subpage-inventory.html')
            </div>
            <div class="user-panel-item">
              @@include('user-subpage-profile.html')
            </div>
            <div class="user-panel-item">
              @@include('user-subpage-message.html')
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  @@include('footer.html')
  <!-- 模态框 -->
  <!-- 历史姓名 -->
  <div class="modal fade" tabindex="-1" id='history-name-modal'>
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
          <h4 class="modal-title">历史姓名</h4>
        </div>
        <div class="modal-body">
          <table class="table table-bordered">
            <thead>
              <tr>
                <th style="width: 70%;">姓名</th>
                <th style="width: 30%;">操作</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>张三</td>
                <td>
                  <button type="button" class="btn btn-danger btn-sm" data-dismiss="modal">使用</button>
                </td>
              </tr>
              <tr>
                <td>李四</td>
                <td>
                  <button type="button" class="btn btn-danger btn-sm" data-dismiss="modal">使用</button>
                </td>
              </tr>
              <tr>
                <td>王五</td>
                <td>
                  <button type="button" class="btn btn-danger btn-sm" data-dismiss="modal">使用</button>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        </div>
      </div>
    </div>
  </div>
  <!-- /历史姓名 -->
  <!-- 存款二维码 -->
  <div class="modal fade" tabindex="-1" id='deposit-qrcode-modal'>
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
          <h4 class="modal-title">存款二维码</h4>
        </div>
        <div class="modal-body">
          <div class="text-center mb30">
            <img src="img/pt.jpg">
          </div>
          <div class="tip">
            <div class="tip-left">
              <div class="tip-left-inner"><div class="text">温馨提示</div></div>
            </div>
            <div class="tip-content">
              <p>1.若您注册时的电话可以使用,请您登陆账号后直接点击"号码回拨"</p>
              <p>2.若您注册时的电话停止使用,请输入您最新有效电话后,点击"号码回拨",谢谢!</p>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        </div>
      </div>
    </div>
  </div>
  <!-- /存款二维码 -->
  <!-- 存款账户 -->
  <div class="modal fade" tabindex="-1" id='deposit-account-modal'>
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
          <h4 class="modal-title">存款银行卡账户</h4>
        </div>
        <div class="modal-body">
          <p>请把钱打到这个账户来</p>
          <table class="table table-bordered mb30">
            <thead>
              <tr>
                <th>帐号</th>
                <th>姓名</th>
                <th>开户行</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="text-danger"><h3>56456545646541231564</h3></th>
                <th class="text-danger"><h3>张三</h3></th>
                <th class="text-danger"><h3>浦发银行</h3></th>
              </tr>
            </tbody>
          </table>
          <div class="tip">
            <div class="tip-left">
              <div class="tip-left-inner"><div class="text">温馨提示</div></div>
            </div>
            <div class="tip-content">
              <p>1.若您注册时的电话可以使用,请您登陆账号后直接点击"号码回拨"</p>
              <p>2.若您注册时的电话停止使用,请输入您最新有效电话后,点击"号码回拨",谢谢!</p>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        </div>
      </div>
    </div>
  </div>
  <!-- /存款账户 -->
  <!-- /模态框 -->
</body>
<script src="js/vendor/jquery-1.9.1.min.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/vendor/moment.min.js"></script>
<script src="js/vendor/underscore-min.js"></script>
<script src="js/vendor/jquery.validate.min.js"></script>
<script src="js/vendor/swiper.min.js"></script>
<script src="js/vendor/layer.js"></script>
<script src="js/vendor/qrcode.js"></script>
<script src="js/public.js"></script>
<script src="js/user.js"></script>
</html>